<!DOCTYPE html>
<html lang="zh">

<head> 
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>

<body>

    <div id="container" style="width:500px">

        <div id="header" style="background-color:#FFA500;">
            <h1 style="margin-bottom:0;">主要的网页标题</h1>
        </div>
        <div id="menu" style="background-color:red;height:200px;width:100px;float:left;">

            <b>菜单</b>
            <br>
            HTML
            <br>
            CSS
            <br>
            JavaScript
        </div>

        <div id="content" style="background-color:green;height:200px;width:400px;float:left;">
            内容在这里</div>

        <div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
            版权 © runoob.com</div>

    </div>

</body>

</html>